//成功时执行事件
var hd_modal_success_handlel;
//关闭时执行事件
var hd_modal_cancel_handle;
/**
 * 显示对话框
 */

function hd_modal(param) {
    //宽度
    param.width = param.width || '500';
    //高度
    param.height = param.height || '200';
    //左偏移
    var left = -1 * param.width / 2;
    //标题
    param.title = param.title || '温馨提示';
    //背景遮罩
    param.shade=param.shade!=undefined?param.shade:true;
    //背景透明度
    param.shadeOpacity=param.shadeOpacity||0.9;
    //自动关闭时间 0 不关闭
    param.timeout = param.timeout || 0;
    //显示按钮
    param.button = param.button != undefined ? param.button : true;
    //按钮文字
    param.button_success = param.button_success;
    param.button_cancel = param.button_cancel;
    //内容
    param.content = param.content || '';
    //回调函数
    hd_modal_success_handlel = param.success;
    hd_modal_cancel_handle = param.cancel;
    /**
     * 删除模态元素
     */
    hd_remove_model();
    /**
     * 对话框布局
     * @type {string}
     */
    //按钮文本
    if (param.button) {
        var btnHtml = '<div class="hd-modal-btn">';
        if(param.button_success){
            btnHtml+='<a class="hd-btn hd-btn-success" href="javascript:;" onclick="hd_modal_success()">' + param.button_success + '</a>&nbsp;';
        }
        if(param.button_cancel){
          btnHtml+='<a class="hd-btn" href="javascript:;" onclick="hd_modal_close()">' + param.button_cancel + '</a>';
        }
        btnHtml+='</div>';
    } else {
        var btnHtml = '';
    }
    //遮罩元素
    if(param.shade){
        shadeHtml ='<div id="hd-modal-bg" style="opacity:'+param.shadeOpacity+';filter:alpha(opacity='+(param.shadeOpacity*10)+');">背景遮罩</div>';
    }else{
        shadeHtml='';
    }
    var html = shadeHtml+'\
    <div id="hd-modal" style="width:' + param.width + 'px;height:' + param.height + 'px;margin-left:' + left + 'px">\
        <div class="hd-modal-wrap" style="height:' + param.height + 'px">\
            <div class="hd-modal-header">\
                <span class="hd-modal-title">' + param.title + '</span>\
                <span class="hd-modal-close" onclick="hd_modal_close();"></span>\
            </div>\
            <div class="hd-modal-message">' + param.content + '</div>\
            ' + btnHtml + '\
        </div>\
    </div>';
    $('body').append(html);
    /**
     * 自动关闭处理
     */
    if (param.timeout > 0) {
        setTimeout(function () {
            hd_remove_model();
        }, param.timeout * 1000);
    }
}
/**
 * 删除模态标签
 */
function hd_remove_model() {
    //移除对话框
    $("#hd-modal").remove();
    //移除遮罩
    $("#hd-modal-bg").remove();
}
/**
 * 点击确定返回真
 * @returns {boolean}
 */
function hd_modal_success(func) {
    hd_remove_model();
    if (hd_modal_success_handlel) {
        hd_modal_success_handlel();
    }
    return true;
}
/**
 * 关闭对话框
 */
function hd_modal_close() {
    hd_remove_model();
    if (hd_modal_cancel_handle) {
        hd_modal_cancel_handle();
    }
    return false;
}